<template>
  <div class="index-wrap">
      <slide-show :slides="slides"></slide-show>
  </div>
</template>

<script>
import slideShow from './components/slideShow'
export default {
  components: {
    slideShow
  },
  data () {
    return {
      slides: [
        {
          src: require('./assets/01.jpg'),
          title: '丹巴藏寨',
        },
        {
          src: require('./assets/02.jpg'),
          title: '拉萨郊外',
        },
        {
          src: require('./assets/03.jpg'),
          title: '圣湖传说',
        },
        {
          src: require('./assets/04.jpg'),
          title: '最美的草原',
        },
        {
          src: require('./assets/05.jpg'),
          title: '最美丽的雪山',
        }
      ]
    }
  }
}
</script>

<style scoped>
  .index-wrap {
    overflow: hidden;
}
</style>
